import React from "react";
import {observer} from "mobx-react";

function DetailInfo(props) {
    const {activity} = props;
    return (
        <div>
            <div>
                <h2>{activity.name}</h2>
            </div>
            <div>
                <p>发起人：{activity.leader}</p>
                <p>活动时间：{activity.time}</p>
                <p>活动地点：{activity.address}</p>
                <p>报名截止时间：{activity.deadline}</p>
                <p>参与对象：{activity.participants}</p>
            </div>
            <div>活动简介：<p>{activity.plan}</p></div>
            <div>
                联系方式：
                <p>电话：{activity.lphone}</p>
                <p>微信号：{activity.wechat}</p>
            </div>
        </div>

    );
}

export default observer(DetailInfo);
